<%--
  Created by IntelliJ IDEA.
  User: a'a'w
  Date: 2020/6/29
  Time: 18:47
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>游戏库</title>
</head>
<link rel="stylesheet" href="gamelibrary/css/gamelibrary.css">
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="bootstrap/css/head.css">
<body style="background-color: #16202D">
<div class="container">
    <div class="navbar navbar-fixed-top">
        <div class="header-left">
            <img src="https://store.st.dl.pinyuncloud.com/public/shared/images/header/globalheader_logo.png?t=962016" alt="">
            <ul>
                <li><a href="/gamemall.jsp">商店</a></li>
                <li><a href="/community.html">社区</a></li>
                <li><a href="/person.html">${user.userName}</a></li>
                <li><a href="/friendlist.jsp">好友</a></li>
            </ul>
        </div>
        <div class="header-right">
            <p>欢迎&nbsp;&nbsp;${user.userName}&nbsp;</p>
        </div>
    </div>
    <div class="search">
    <h1 style=" color: #2D93CA">我的游戏库</h1>
        <div class="searchbutton">
        <input type="text" name="search">&nbsp;<button class="btnv6_blue_hoverfade  btn btn-primary" onclick="sortLike()">搜索</button>
        <button  class="btnv6_blue_hoverfade  btn btn-primary" onclick="charactersort()">按首字母排序</button>
         <button  class="btnv6_blue_hoverfade  btn btn-primary" onclick="datasort()">按购买时间排序</button></div>
    </div>
    <table class="table table-bordered" style="background-color: #16202D; color: #2D93CA" id = "gamelibrary">

        <!--获取所有游戏信息-->


    </table>
</div>
</body>

<script src="jquery/jquery-3.4.1.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="gamelibrary/js/gamelibrary.js"></script>
</html>
